<template>
  <div>
    <!-- 自建歌单歌曲显示 -->
    <nut-popup position="bottom" :style="{ height: '80%' }" v-model="showsongs" round @close="closelist(tname)">
      <nut-cell :is-link="true" :show-icon="true" v-for="item in this.songsdetail" :key="item.id">
        <span slot="title">{{item.name}}</span>
        <span slot="sub-title">原唱：{{item.ar[0].name}}</span> 
      </nut-cell>
    </nut-popup>
  </div>
</template>
<script>
import { url, playlist } from "../../api/api";
export default {
    props:["songsdetail","toshowsong","tname","closelist"],
  data() {
    return {
        showsongs:false,
        songs:""
    };
  },
  mounted() {},
  methods: {},
  watch:{
      songsdetail(){
          this.songs = this.songsdetail
    
      },
      toshowsong(){
          this.showsongs = this.toshowsong
      }
  }
};
</script>
<style scoped>
.popup-box::-webkit-scrollbar {
  display: none; /*隐藏滚动条*/
}
</style>